<template>

  <div class="container">
    <span class="content">{{headContext}}</span>
    <el-button class="btn"  type="text">帮助文档</el-button>
  </div>

</template>

<script>
  export default {
    name: 'HeaderHelpDoc',
    props: {
      headContext: {
        type: String
      }
    }

  }
</script>

<style lang="scss" scoped>
  @import "~@/styles/index.scss";

  .container {

    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    background: $whiteColor;
    font-size: $mainSize;
    border: 1px solid $borderColor;
    border-radius: 3px;

    .content {
      color: $grayColor;
      line-height: 20px;
    }

    .btn {
      margin-left: 30px;
   //   color: $blueColor

    }
  }
</style>
